<template>
  <div class="main">
    <el-badge :value="dataList.length" class="item">
      <div class="cart-info">
        <span>我的购物车</span>
        <i class="menuIcon fa fa-shopping-cart"></i>
      </div>
    </el-badge>
  </div>
</template>
<script>
export default {
  props:{
    dataList: Array,
  },
  data() {
    return {
      count: 2,
    }
  },
}
</script>

<style scoped>
  .main {
    width:100%;
    border-bottom: 1px solid #ccc;
  }
  .cart-info {
    width: 120px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #DFDFDF;
    background: #F9F9F9;
    vertical-align: middle;
    margin-bottom: 20px;
  }
  .el-badge {
    display: inline-block;

  }
  span {
    font-size: 14px;
  }
  i {
    color:#f10215;
    font-size: 18px;
  }
</style>
